<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no, minimal-ui"/>
    {eyou:static file="skin_pc/css/style.css" /}
    {eyou:static file="skin_pc/css/guestbook.css" /}
    <title>{$eyou.field.seo_title}</title>
    <meta name="description" content="{$eyou.field.seo_description}" />
    <meta name="keywords" content="{$eyou.field.seo_keywords}" />
    <link href="{eyou:global name='web_cmspath' /}/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    {eyou:static file="__PUBLIC__/static/photo/css/normalize.css" /}
    {eyou:static file="__PUBLIC__/static/photo/css/htmleaf-demo.css" /}
    {eyou:static file="__PUBLIC__/static/photo/css/lightgallery.css" /}
    {eyou:static file="__PUBLIC__/static/photo/js/jquery-1.11.0.min.js" /}
    {eyou:static file="__PUBLIC__/static/photo/js/lightgallery-all.min.js" /}
</head>
<body>
<div class="container"> {eyou:include file="header_pc.htm" /}
    <span class="nav_wrap" style="display: none"></span>
    <section class="web_main page_main index_product">
        <div class="index_bd" >
            <div class="layout">
                <div class="product_slider">
                    <ul class="swiper-wrapper  product_items" id="lightgallery_0">
                        {eyou:volist name='$list' id='field'}
                        <?php
                    if($field['typeid'] == 13){
                    ?>
                        <li data-src="{$field.litpic}"  class="swiper-slide product_item wow fadeInUpA" data-wow-delay=".{$i}s">
                            <figure>

                                <a class="mouseover-1 lightbox item_img" href="#">
                                    <img src="{$field.litpic}"/>
                                </a>


                                <!--                <figcaption>-->
                                <!--                  <h3 class="item_title"><a  href="{$field.litpic}">{$field.title}</a></h3>-->
                                <!--                </figcaption>-->
                            </figure>
                        </li>
                        <?php
                    }
                  ?>
                        {/eyou:volist}
                    </ul>
                    <div class="index_swiper_control">
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </div>
                <div class="tab-content-wrap product-detail">
                    {$eyou.field.content}
                </div>
            </div>
        </div>
        <section style="margin-top: 35px;margin-bottom: 15%" >
            <ul class="product_items flex_row"  id="lightgallery_1">
                {eyou:volist name='$list' id='field'}
                <?php
            if($field['typeid']!== 13){
            ?>
                <li data-src="{$field.litpic}" class="product_item x6" style="width:{$width}%">
                    <figure>
              <span class="item_img">
              <img src="{$field.litpic}" alt="{$field.title}"/>
              </span>
                        <h3><?php echo  htmlspecialchars_decode($field['content'])?></h3>
                    </figure>
                </li>
                <?php
            }
          ?>
                {/eyou:volist}
            </ul>
            <!--        <div class="page_bar">-->
            <!--          <div class="pages">{eyou:pagelist listitem="index,pre,next,end,pageno"  listsize="1" /}</div>-->
            <!--        </div>-->
        </section>
    </section>




    <div>
    {eyou:include file="footer_pc.htm" /}
        <script type="text/javascript">
            $(document).ready(function(){
                $('#lightgallery_0').lightGallery();
            });
            $(document).ready(function(){
                $('#lightgallery_1').lightGallery();
            });
        </script>
</div>
</body>

</html>